$(function () {
    // getProList ();
    initProListHtml();



    function initProListHtml() {
        var proList = getProList();
        var str = '';
        for (var i = 0, n = proList.length; i < n; i++) {
            str += '<li class="item">'
                + '<img class="bg" src="' + proList[i].imgSrc + '" alt="">'
                + '<a class="wrap" href="pro_details.html?id=' + proList[i].id + '">'
                + '<p class="p-first"><b>' + proList[i].type + '</b>' + proList[i].title + '</p>'
                + '<p>' + proList[i].proType + '</p>'
                + '<span>￥&nbsp;' + proList[i].price + '</span>'
                + '</a>'
                + '</li>';
        }

        $('#proList').html(str);
    }

    function getProList() {
        return LsyStorage.getArr('proList');
    }

    $(".sorts").hover(function () {
        $(".nav-list").stop().slideDown();
    },function () {
        $(".nav-list").stop().slideUp();
    });
    $(".menu li").mouseover(function(){
        $(this).addClass('on').siblings().removeClass('on');
    });
});